<template>

	<uni-popup ref="popup" type="bottom">
		<div class="dialog-box">
			<div class="dialog-item">
				<text class="dialog-item-title">使用微信头像</text>
				<image src="" mode=""></image>
			</div>
		</div>
	</uni-popup>

</template>

<script>
	export default {
		name: "AvatarUploadPopup",
		data() {
			return {

			};
		},
		methods: {
			open: function() {

				this.$refs.popup.open()
			}
		}
	}
</script>

<style scoped lang="scss">
	.dialog-box {
		width: 100%;
		background-color: #FFF;
		border-top-left-radius: 20upx;
		border-top-right-radius: 20upx;

		.dialog-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding-top: 30upx;
			padding-bottom: 30upx;

			.dialog-item-title {
				font-size: 30upx;
			}
		}
	}
</style>